<?php 
session_start();

if (!isset($_SESSION["pseudo"]) || empty($_SESSION["pseudo"])){
	header("location:login.php");
}

require("connect.php");
include("fonction.php");
$pseudo = $_SESSION["pseudo"];

// Information de l'utilisateur
$req_user  = mysql_query("SELECT * FROM users WHERE PSEUDO = '".$pseudo."'") or die(mysql_error());
$data_user = mysql_fetch_assoc($req_user);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">	
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
		<title>2NS | <?php echo $data_user['PRENOM']; ?></title>
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/2NS.js"></script>
		
		<!-- SLIDER -->
		<script src="js/jquery.js" type="text/javascript"></script>
		<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
		<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
		<!-- /SLIDER -->

		<script type="text/javascript">
		<?php
			$req  = mysql_query("SELECT ID_STATUT FROM statuts ORDER BY ID_STATUT DESC LIMIT 1") or die(mysql_error());
			$data = mysql_fetch_assoc($req);
			
			$reqCom  = mysql_query("SELECT id_com FROM commentaire ORDER BY id_com DESC LIMIT 1") or die(mysql_error());
			$nbCom   = mysql_fetch_assoc($reqCom);
		?>
		var lastid = <?php echo $data["ID_STATUT"]; ?>;
		var lastIdCommentaire = <?php echo $nbCom["id_com"]; ?>;
	  	</script>

	</head>
<body>
<div id="header">
	<a href="index.php"><div id="logo"><p >| <span style="color: #eee; font-size: 34px;">Mon profil</span><span></p></div></a>
	<div id="profil">
		<div id="picture_profil">
			<img src="images/no_user.png" />
		</div>
		<div id="info_profil">
			<p>	<?php echo strtoupper($data_user['NOM']).' '.$data_user['PRENOM']; ?></p>
			<div class="more_info">
				<p>Emploi: Software developer</p>
				<p>Etudie: ETNA</p>
				<p>Habite à : Chailly en bière</p>
			</div>
			<a href="" id="button" ><p class="more"></p></a>
		</div>
	</div>	
	<div style="top: 75px; right: 30px; position: absolute;">
		<a href="" style="margin-right: 20px;"><img src="images/home.png" alt="Accueil" title="Accueil" /></a>
		<a href="#notif" onclick="ouvreBoite(); return false;" style="margin-right: 20px;"><img src="images/notif.png" alt="Notification" title="Notification" /></a>
		<a href="mail.php"  style="margin-right: 20px;"><img src="images/mail.png" alt="Mail" title="Mail" /></a>
		<a href="params.php" style="margin-right: 20px;"><img src="images/reglage.png" alt="Reglage" title="Reglage" /></a>
		<a href="logout.php" ><img src="images/quit.png" /></a>
	</div>
</div>


<div id="slider">    
	<ul class="navigation">
	    <li><a href="#experience">Mes expériences</a></li>
	    <li><a href="#competence">Mes compétences</a></li>
	    <li><a href="#formation">Ma formation</a></li>
	    <li><a href="#infoperso">Mes informations personnelles</a></li>
	    <li><a href="#notif">Notifications</a></li>
	</ul>
	
	<div class="scroll">
	    <div class="scrollContainer">
	        <div class="panel" id="experience">
	        	<img src="images/experience.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Expérience</span>
				<hr>
				<p>
				<strong>Octobre 2009 à Aout 2011 Développeur en informatique, en C.D.D</strong><br>
					MODEM, Météorologie, URY à Développeur en informatique en alternance.
					<i>Développement d’un serveur de récupération de donnée météorologique avec accès à distance. Ce projet a été écrit en DELPHI et avait pour but de récupérer des informations et d’y avoir accès à distance sur tout support. Projet de longue durée.</i>
					<br><br>
					<strong>Juillet 2010 Inter-comparaison Météorologique en Chine (Guangzhou).</strong><br>
					Période intensive de test et de comparaison entre les concurrents.
					<br><br>
					<strong>Juillet-Aout-Septembre 2009 S.A.V et Programmeur, en C.D.D</strong><br>
					MODEM, Météorologie, URY à Réparation du matériel puis envoi au client et programmation de logiciel.<br>
					<i>Programmation d’un logiciel de comparaison : entreprise/pays (Problématique : Qu’elle station météorologique dans quel pays). Ce projet à était effectué en DELPHI.</i>
				</p>
	        </div>
			<div class="panel" id="competence">
	        	<img src="images/competence.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Compétences</span>
				<hr>
				<p>
					<strong>SHELL          :</strong> bonne base.<br>
					<i>Quelques projets réalisés. Réécriture de diverses fonctions SHELL ainsi que des projets comme le pendu, Anniversaire…</i>
					<br><br>
					<strong>C/C++ :</strong> Bonne base.<br>
					<i>De NOMbreux projets effectués, dont un projet qui permet l’écriture en lettre d’un chiffre passer en paramètre. Mais également de NOMbreuses fonctions qui nous ont permis de faire notre propre librairie.</i>
					<br><br>
					<strong>DELPHI :</strong> Bonne maitrise.
					<i>Langage utilisé lors de mon CDD dans la société modem. Création d’un logiciel de récupération de données en DELPHI. </i>
					<br><br>
					<strong>PHP/HTML/CSS/JAVASCRIPT :</strong> Bonne maitrise.<br>
					<i>Programmation intensive en PHP, avec réalisation de multiple projet comme un mini-SHELL, ou un gestion de base de donnée en PHP. J’ai également réalisés divers sites web dans ces langages.</i>
					<br><br>
					Formation intensive de projet en langage SHELL, en C et en PHP à plein temps de Octobre à Janvier, mais opérationnelle en Février.				
				</p>
			</div>
			<div class="panel" id="formation">
	        	<img src="images/formation.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Formation</span>
				<hr>
				<p>
					<strong style="">20011/2014 : Cycle d ‘ingénieur en informatique – Architecte logiciel développeur d’applications</strong><br>
					Cycle d’ingénieur en informatique de l’Etna – département alternance de l’Epitech.
					<br><br>
					<strong>2009/2011 : BTS IG option développement en alternance.</strong><br>
					Ecole AKOR – Paris
					<br><br>
					<strong>2007/2009 : BAC STI électronique, Projet bac STI en électronique.</strong><br>
					Lycée La Fayette à champagne/seine
					
				</p>
	        </div>
	        <div class="panel" id="infoperso">
	        	<img src="images/info.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Plus d'information</span>
				<hr>
				<p>
					<strong>NOM          :</strong> Charpentier.<br>
					<strong>PRENOM          :</strong> Benjamin.<br>
					<strong>Emploi actuel          :</strong>  Software developer.<br>
					<strong>Etudie          :</strong> Etna.<br>
					<strong>Habite          :</strong> Chailly en bière.<br><br>
					<strong>A propos de moi          :</strong><br>
					<i>Aucune info supplémentaire.</i>
				</p>
	        </div>

			<div class="panel" id="notif">
	        	<img src="images/notif.png" /><span style="position: absolute; margin: -1px 0 0 10px;">Tous les notifications</span>
				<hr>
				<p>Aucune notification</p>
	        </div>
		</div>
	</div>
</div>

<div id="page">
	<div id="divers">
	<div class="search input placeholder" style="margin-bottom: -10px;">
	    <input type="search" placeholder="Rechercher des amis" style="width: 220px; padding: 20px;"  name="recherche" class="text" id="recherche" >
    </div>
    <div class="resultat" id="resultat" style="text-align: center; margin-bottom: 10px;"></div>

		<div id="pic">
			<h1 class="titre" style="font-size: 22px; text-align:center;">Mes images</h1>
			<ul>
				<!--p class="titre">Aucune image	</p-->
				<?php 						
					$dirname = "images/picture/";
					$dir = opendir($dirname);
					
					while ($file = readdir($dir))
					{
						if($file != '.' && $file != '..' && $file != ".DS_Store" && $file != ".localized" )
						{
							if (nbImage($dirname.$file) == 0)
							{
								echo "<li><img src='images/dossier.png' width='50' height='39' /><span class='name_album'>".$file." (".nbImage($dirname.$file).")</span></li>";
							}else{
								echo "<a href='photo.php?album=".$file."'><li><img src='images/dossier.png' width='50' height='39' /><span class='name_album'>".$file." (".nbImage($dirname.$file).")</span></li></a>";
							}
						}
					}	
				//
				?>
			
			</ul>
		</div>		
		<div id="relation">
			<h1 class="titre" style="font-size: 22px;">Vos relations</h1>
			<ul>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Charpentier benjamin</span>
				</li>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Angue Anthony</span>
				</li>
				<li>
					<img src="images/no_user.png" width="48" height="48" style="border: 1px solid #d6d6d6"/>
					<span class="name_relation">Kamkui lele Frédéric</span>
				</li>
			</ul>
		</div>
	</div>
	<div id="fil_actu">
		<h1 class="good-title">L'actualité de vos contacts</h1><hr>
		<form class="form" id="formMess" method="post" action="">
				<textarea name="message" style="margin: 20px 0 0 60px; width:80%; height:50px;" placeholder="Exprimez-vous"></textarea>
				<span style="font-size: 13px; position: absolute; margin: 60px 0 0 10px;">Partager</span>
				<input title="Envoyer" style="position: absolute; margin: 20px 0 0 10px;" type="submit" value="">
				<p style="text-align: center; margin-bottom: 20px; font-size: 12px;"></p>				
		</form>
		<div id="afficheMessages">
		 <?php
		 	$donnee = array();
			$req = mysql_query("SELECT * FROM statuts ORDER BY date_statut DESC") or die(mysql_error());
			while($data = mysql_fetch_assoc($req)){
				$req_membre = mysql_query("SELECT * FROM users WHERE PSEUDO = '".$data['pseudo']."' ") or die(mysql_error());
				$donne = mysql_fetch_assoc($req_membre);
				$numberMsg = $data["ID_STATUT"];
			?>
			<div class="msg" id="message<?php echo $numberMsg;?>"  onMouseOver=document.getElementById("imgSuppr<?php echo $numberMsg;?>").style.visibility="visible" onMouseOut=document.getElementById("imgSuppr<?php echo $numberMsg;?>").style.visibility="hidden" >
								  <input type="image" id="imgSuppr<?php echo $numberMsg;?>" class="btnSuppr" src="images/suppr.png" onclick="suppr(<?php echo $numberMsg;?>, 2);" style="visibility:hidden"/>
				<img src="images/no_user.png" width="54" height="54" style="border: 1px solid #d6d6d6">
				<p style="position:absolute; margin:-50px 0 0 70px;">
					<strong style="color:#3b5998; font-size: 16px;"><?php echo ucfirst($donne["PRENOM"])." ".ucfirst($donne["NOM"]);?></strong>
				</p>
				<p style="position: relative; font-size: 15px; margin: -20px 0 20px 70px;">
					<?php echo $data["libelle"]; ?>
				</p>
				<ul>
				<?php
				$reqCom = mysql_query("SELECT * FROM commentaire WHERE id_statut = '$numberMsg' ORDER BY date_com DESC") or die(mysql_error());
				while($dataCom = mysql_fetch_assoc($reqCom)){	
					$whoCom = $dataCom['pseudo']; 
					$reqQuiCom = mysql_query("SELECT * FROM users WHERE pseudo = '$whoCom'") or die(mysql_error());
					$infoCom = mysql_fetch_assoc($reqQuiCom);	
					?>
						<hr style="margin: -10px -20px 20px -20px;">
						<li style="margin-left: 50px; list-style:none;" onMouseOver=document.getElementById("imgComSuppr<?php echo $dataCom["id_com"];?>").style.visibility="visible" onMouseOut=document.getElementById("imgComSuppr<?php echo $dataCom["id_com"];?>").style.visibility="hidden" >
							 <input type="image" id="imgComSuppr<?php echo $dataCom["id_com"];?>" class="btnSuppr" src="images/suppr.png" onclick="suppr(<?php echo $dataCom["id_com"];?>, 1);" style="visibility:hidden"/>

							<img src="images/no_user.png" width="32" height="32" style="border: 1px solid #d6d6d6">
							<p style="position:absolute; margin:-45px 0 0 45px;">
								<strong style="color:#3b5998; font-size: 13px;"><?php echo ucfirst($infoCom["PRENOM"])." ".ucfirst($infoCom["NOM"]);?></strong>
								<span style="position: relative;color:black; margin: -20px 0 20px 10px;">
									<?php echo $dataCom["com"]; ?>
								</span>
								<p style="position: relative; font-size: 9px; color: #444; margin: -25px 0 20px 50px;">
									<?php echo "Il y a ".tempsPoster($dataCom["date_com"]); ?>
								</p>
							</p>
						</li>
					<?php
				}
				?>
				</ul>
				<div id="commentaire">
					<form  id="formCom" method="post" action="">
						<p id="<?php echo $numberMsg; ?>" style="margin: 30px 0 -30px 0;" ></p>
						<input type="submit" value="Envoyer" style="visibility: hidden;" >
					</form>
				</div>	
				<div class="footerPost">
					<div class="left">
						<span>
						<?php
							$reqNbCom = mysql_query("SELECT * FROM commentaire WHERE id_statut = '$numberMsg'") or die(mysql_error());
							echo mysql_num_rows($reqNbCom);
						?>
						</span>
						<a id="lienComment" href="" onclick="ajouteCommentaire(<?php echo $numberMsg; ?>); return false;" title="Commenter">Commenter</a>
					</div>									
					<div class="right">
						<span>
							<p style="font-size: 11px;">il y a <?php echo tempsPoster($data["date_statut"]); ?></p>
						</span>
					</div>
					<br>
				</div>
			</div>
 			<?php
			}
		 ?>
	</div>
</div>
</body>
</html>